RSS est une famille de formats de données utilisés pour la syndication de contenu Web. Un produit RSS est une ressource du World Wide Web dont le contenu est produit automatiquement en fonction des mises à jour d’un site Web.

C’est très facile d’ajouter une feuille de style CSS à votre flux RSS. En moins de 10 minutes, vous en aurez ajouté une à votre flux RSS.

Pour commencer, relier la feuille de style CSS à vore flux RSS :

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
  <title>Cours web</title>
  <link>http://www.nglesson.com/</link>
  <description>Bienvenue sur NGLESSON Le site web de FUTUR DÉVELOPPEUR(SE) WEB AU MONDE. Mes cours et mes éléments web sont destinées aux indépendants, aux entreprises, aux demandeurs d'emploi, aux étudiants et à tous publics intéréssé par le web.
100% Gratuit.</description>
  <item>
    <title>Définition de html</title>
    <link>http://www.nglesson.com/html5.php</link>
    <description>HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web).</description>
  </item>
  <item>
    <title>AMP - Accelerated Mobile Page</title>
    <link>http://www.nglesson.com/amp-html.php</link>
    <description>Le format de pages AMP ( Accelerated Mobile Page) proposé par Google est un format de pages mobiles destiné à accélérer considérablement l'affichage des pages sur smartphones. </description>
  </item>
</channel>
</rss>

Ensuite, il vous suffira de créer un fichier CSS, appelé styleRSS.css dans notre exemple. A l’intérieur, vous pouvez définir la façon dont chaque balise RSS sera affiché. Voici un exemple pour un fichier RSS 2.0, vous pouvez ajouter autant d’éléments supplémentaires que vous le souhaitez :

rss {
display: block;
font-family: verdana, arial;
}
title {
display: block;
margin: 5px;
padding: 2px;
color: gray;
border-bottom: 1px solid silver;
}
link {
display: block;
font-size: small;
padding-left: 10px;
}
item {
display: block;
padding: 2px 30px 2px 30px;
}
docs {
display: block;
background-color: #ffffe6;
margin: 20px;
text-align: center;
padding: 5px;
color: #7f7f7f;
border: 1px solid silver;
}
/* Elements caché */
language, lastBuildDate, ttl, guid, category, description, pubDate {
display: none;
}

Vous remarquerez que j’utilise la balise pour indiquer à l’utilisateur qu’ils sont à la recherche d’un flux RSS, et leur fournir une url pour plus d’informations.